<template>
  <footer class="footer">
    <div class="footer-con">
      <ul>
        <li>该平台为一个测试的平台</li>
        <li>平台上的交易都为虚拟交易，不涉及任何金钱交易！</li>
        <li>©版权归不知独白所有</li>
      </ul>
      <div>
        <img src="./img/contact.jpg" alt="微信扫码" title="微信扫码" />
        <p>有问题扫码联系作者！</p>
      </div>
    </div>
  </footer>
</template>

<script>
export default {
  name: "Footer",
};
</script>

<style lang="stylus" scoped>
.footer {
  width: 100%;
  min-width: 800px;
  margin-top: 100px;
  background-color: #f8f8f8;
  box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.3);

  .footer-con {
    width: 80%;
    margin: 0 auto;
    min-width: 800px;
    display: flex;
    line-height: 26px;
    color: #999;
    justify-content: space-between;
    font-size: 12px;

    ul {
      padding: 10px 0 10px 20px;
    }

    div {
      padding: 10px 20px 10px 0;

      img {
        width: 120px;
        height: auto;
      }
    }
  }
}
</style>